<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Welcome - Ivan Site</title>
 <!-- SEO stuff -->
 <meta name="title" content="Ivan Robles Website and Portfolio">
 <meta name="description" content="Website about me, Ivan Robles: Mexican, computer systems engineer, software development enthusiast, open source and freelancer.">
 <meta name="keywords" content="portfolio,ivan,robles, developer,freelance,software,engineer">
 <meta name="robots" content="index, follow">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="language" content="English">
 <meta name="revisit-after" content="1 days">
 <meta name="author" content="Ivan Robles">
 <!-- functional and style section -->
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="icon" href="https://images2.imgbox.com/2f/04/1GBBBKff_o.png"/>
 <link rel="stylesheet" href="static/style.css">
 <script src="static/alpinejs3.10.3.min.js" defer></script>
 <script src="static/medium-zoom.1.0.8.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>

<body class="animate__animated animate__fadeIn">

 <header class="animate__animated animate__fadeInDown">
  <h1>&#127881; Welcome &#127881;</h1>
  <small>This space is my personal website and portfolio where I share things with the world</small>
 </header>
 
 <main>
  <br>
  <section id="contact" class="animate__animated animate__fadeInDown">
   <article id="contact_card" class="card">
    <img data-zoomable src="https://images2.imgbox.com/2f/04/1GBBBKff_o.png" alt="Hello!! I'm:" style="width:80%; border-radius:50%" loading="lazy">
    <h1>Ivan Robles</h1>
    <p>Linux Sysadmin &amp; Software Dev</p>
    <!-- matrix -->
    <a target="_blank" rel="noopener" rel="nofollow" href="https://matrix.to/#/@navitux:matrix.org">
    &#128488;&#65039; [matrix] chat</a>
    <br>
    <!-- email -->
    <a target="_blank" rel="noopener" rel="nofollow" href="mailto:navitux@disroot.org">
    &#128231; navitux@disroot.org</a>
   </article>
  </section>

  <br>

  <section id="blog" class="animate__animated animate__fadeInDown">
   <h3><a href="blog.html">Blog</a></h3>
   <iframe src="blog.html" width="580px" height="500px"></iframe>
  </section>

  <br>

  <section id="projects" class="animate__animated animate__fadeInDown">
    <h3>Projects:</h3>
    <ul>
      <li>
        <a target="_blank" rel="noopener" href="projects/taller-programacion-web/index.html">Front End web Programming Workshop</a>
      </li>
      <li>
        <a target="_blank" rel="noopener" href="https://notabug.org/robinslave/portfolio">This very website</a>
      </li>
    </ul>
  </section>

  <br>

  <section id="resume" class="animate__animated animate__fadeInDown">
   <details>
    <summary>
      <h3>My Resume</h3>
    </summary>
    <embed src="static/Ivan_Robles_CV_EN_nov-23.pdf" style="width:85%; height:600px; display: block; margin-left: auto; margin-right: auto;"/>
   </details>
  </section>

  <br>

  <section id="about" class="animate__animated animate__fadeInDown">
   <details>
    <summary>
      <h3>About me</h3>
    </summary>
    <ul>
     <li>I am a Protestant Christian &#10013;&#65039;</li>
     <li>I believe in the universal human rights &#128330;&#65039;</li>
     <li>Actively looking for a job &#128188;</li>
     <li>I &#10084;&#65039; Linux &#128039; &#128187;</li>
     <li>I &#10084;&#65039; open source software &#129489;&#8205;&#128187; &#129309;</li>
     <li>I &#10084;&#65039; open hardware &#129302; &#128223;</li>
     <li>I &#10084;&#65039; data science &amp; math &#128200; &#128104;&#8205;&#128300;</li>
     <li>I &#10084;&#65039; Fediverse &#128101; &#127760;</li>
     <li>I &#10084;&#65039; quantum computing &#9883;&#65039;</li>
     <li>I &#10084;&#65039; comics/mangas &#128165; &#128218;</li>
     <li>I &#10084;&#65039; wholesome memes &#128526; &#128076; (｡◕‿‿◕｡)</li>
     <li>I &#10084;&#65039; memes &#129397; &#128076; </li>
     <li>I &#10084;&#65039; animation films (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧</li>
    </ul>
    </details>
   </section>
 </main>
 <footer>
   <p>This page uses: 
    <a target="_blank" rel="noopener" href="https://rilwis.github.io/bamboo/">Bamboo CSS</a>,
    <a target="_blank" rel="noopener" href="https://alpinejs.dev/">Alpinejs</a>,
    <a target="_blank" rel="noopener" href="https://medium-zoom.francoischalifour.com/">Medium Zoom</a>
   </p>
    <p>Ivan Robles <span x-text="new Date().getFullYear()"></span> copyleft</p>
 </footer>
 <script src="static/script.js"></script>
</body>
</html>
